//删除列表
var del = function () {
    if (this.checked) {
        this.parentNode.classList.add("selected");
    }
    else {
        this.parentNode.classList.remove("selected");
    }
}
/*var del1=function(){
    
    for(i=0;i<document.getElementsByName('tditem').length;i++){
        var li_input=document.getElementsByName('tditem')[i];
        //alert(li_input.checked);
        if( li_input.checked==true){
            var li=li_input.parentNode;
            li.classList.add("selected");                
        }else{
            var li=li_input.parentNode;
            li.classList.remove("selected");
        }
    }
}*/
for (i = 0; i < document.getElementsByName('tditem').length; i++) {
    document.getElementsByName('tditem')[i].addEventListener('click', del, false);
}


//添加列表

/*var add=function(){
    //获取输入文本
    var inputtext=document.getElementById("input").value;
    //复制<li>元素
    var ul=document.getElementById('aa');
    var newli=ul.firstElementChild.cloneNode(false);
    newli.innerHTML='<input type="checkbox" name="tditem" onchange="del();">'+inputtext;
    newli.firstChild.value=inputtext; //新添加的li里面的input的value赋值为inputtext
    ul.insertBefore(newli,ul.lastElementChild);
    //alert(document.getElementById('input').placeholder);    
}*/
document.getElementById('add').addEventListener('click', function () {
    var txt = document.getElementById('input').value;
    if (txt == "") {
        alert('Please input name!');
    } else {
        var ul = document.getElementById('aa');
        var li_copy = ul.firstElementChild.cloneNode(true);
        li_copy.firstChild.childNodes[1].nodeValue = txt;
        //alert(li_copy.firstChild.firstChild.value);
        ul.insertBefore(li_copy, ul.lastElementChild);
        li_copy.firstChild.firstChild.addEventListener('click', del, false);
        document.getElementById("input").value = " ";
    }
}, false);